.login-main {
	font-size: 28rpx;
	color: #333;
	.navigation-wrap {
		.navigation-bar {
			padding: 0 8rpx;
			width: 88rpx;
			height: 88rpx;
			.iconfont {
				font-size: 32rpx;
			}
		}
	}
	
	.content {
		padding: 0 50rpx;
		.title {
			padding-top: 100rpx;
			padding-bottom: 100rpx;
			font-size: 46rpx;
			color: #555;
			text-shadow: 1px 0 1px rgba(0,0,0,.3);
		}
		.cell {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 40rpx;
			height: 100rpx;
			color: #000;
			font-size: 32rpx;
			.label {
				padding-right: 28rpx;
			}
			.code-label {
				padding: 28rpx;
				color: #40a2ff;
				font-size: 30rpx;
			}
			.uni-input {
				flex: 1;
			}
			.placeholder {
				color: #999;
				font-size: 30rpx;
			}
		}
		.btn-wrap {
			position: relative;
			margin-top: 100rpx;
			width: 100%;
			height: 44px;
			font-size: 16px;
			color: #fff;
			border-radius: 50px;
			background-color: #fa2c19;
			.btn-text {
				z-index: 999;
			}
			&::after {
				content: "";
				    position: absolute;
				    left: 50%;
				    top: 25%;
				    transform: translateX(-50%);
				    width: 85%;
				    height: 85%;
				    opacity: .4;
				    filter: blur(5px);
					border-radius: 50px;
					background: linear-gradient(131deg,#f2140c,#ff536f);
			}
		}
		.other-methods {
			margin-top: 100rpx;
			text-align: center;
			.dividing-line {
				position: relative;
				color: #999;
				&::before {
					content: '';
					position: absolute;
					left: -140%;
					top: 50%;
					width: 200rpx;
					height: 1px;
					transform: scaleY(.5);
					background-color: #e0e0e0;
				}
				&::after {
					content: '';
					position: absolute;
					right: -140%;
					top: 50%;
					width: 200rpx;
					height: 1px;
					transform: scaleY(.5);
					background-color: #e0e0e0;
				}
			}
			.methods-wrap {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 40rpx;
				height: 200rpx;
				.methods-column {
					margin: 0 40rpx;
					.iconfont {
						font-size: 90rpx;
					}
					.qq-icon {
						color: #4a90e2;
					}
					.wx-icon {
						color: #29D82D;
					}
					.text {
						margin-top: 10rpx;
						color: #999;
						font-size: 24rpx;
					}
				}
			}
		}
		.agreement {
			margin-top: 60rpx;
			font-size: 28rpx;
			color: #999999;
			.radio {
				position: relative;
				bottom: 6rpx;
				transform: scale(.65);
				/deep/.uni-radio-input {
					margin-right: 4rpx;
				}
			}
			.agreement-text {
				color: #40a2ff;
			}
		}
	}
	
}